﻿/*CSS utilisé pour la globalité du projet*/

/*Utiliser les types de messages si dessous pour plus de cohérence visuelle*/

html{
	background : gray;
	background-image:url('img/background.png');
	height:100%;
	font-family:Verdana,Arial,sans-serif;
}

body{
	height:100%;
}

#footer, #header{
	height:auto;
}

#header img{
	margin-left:auto;
	margin-right:auto;
	margin-bottom : 20px;
	margin-top:13px;
	display:block;
	border-radius : 40px;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5);
}

#container{
	min-height: 250px;
	overflow:auto;
	width : 1010px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:40px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:30px;
	background:white;
	box-shadow: 7px 7px 20px -3px rgba(0,0,0,0.7);
}

#menu{
	width:300px;
	float:left;
	position:fixed;
	margin-top: 20px;
	box-shadow: 3px 9px 18px -7px rgba(0,0,0,0.7);
}

#menu li ul{
	box-shadow: 3px 9px 18px -7px rgba(0,0,0,0.7);
}

#menu .liste{
	height : 100%;
}

#content{
	float:left;
	width:650px;
	min-width:500px;
	margin-left : 320px;
}

#connectForm{
	margin-left:auto; 
	width: 500px;
	margin-right:auto;
	margin-right:auto;
	margin-left:auto;
}

#connectForm input, #dialog-form input{
	width: 150px;
}

#signup-button{
	margin-top:50px;
}

#btnChargerCompte:hover{
	cursor:pointer;
}

label{
	display: block;
	width: 150px;
	float: left;
	text-align: left;
}

form{
	width: 100%;
	text-align:center;
}
input{
	width:280px;
}

input[type=submit],input[type=reset], button{
	margin : 10px;
	width:auto;
}

.ui-state-highlight, .ui-state-error{
	text-align:center
}

/*Pour le tableau de remise de dvd */
.rounded-corner{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
.rounded-corner th.rounded-th-l{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
.rounded-corner th.rounded-th-r{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
.rounded-corner th{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
.rounded-corner td{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
.rounded-corner .center *{
	margin-right:auto;
	margin-left:auto;
}
.rounded-corner tfoot td.rounded-foot-left{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
.rounded-corner tfoot td.rounded-foot-right{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
.rounded-corner tbody tr:hover td{
	background: #d0dafd;
}

table {
	width: 100%;
}

table input, table textarea {
	width: 100%;
}

.require {
	border: solid 1px orange;
	background: #CCDDDD;
}

.error {
	font-weight: bold;
	background: #FFCCCC;
}

.dvd{
	margin-top : 75px;
}
